<template>
  <div id="baseProject" :class="{smallFontSize:showEdition,mediumFontSize:!showEdition}">
    <!-- <div class="title">
      <span @click="onClickLeft" style="position: absolute;left: 5px;display: flex;align-items: center;font-size: 14px;">
        <van-icon name="arrow-left" />
        返回
      </span>
      申请
    </div> -->
    <div class="top">
      <img style="width:80%;margin: 0 auto;margin-bottom:10px;" src="https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/DSF/34.png" />
      <p>
        <span style="width:15%;display: inline-block;text-align: center;">申请信息</span>
        <span style="width:15%;display: inline-block;text-align: center;">现场踏勘</span>
        <span style="width:15%;display: inline-block;text-align: center;">定位放样</span>
        <span style="width:15%;display: inline-block;text-align: center;">基槽验线</span>
        <span style="width:15%;display: inline-block;text-align: center;">一层立模</span>
        <span style="width:15%;display: inline-block;text-align: center;">竣工验收</span>
      </p>
    </div>
    <div class="content">
      <ul>
        <li v-for="(item,index) in conListData" :key="index">
          <div style="float:left;">{{item.name}}</div>
          <div style="float:right;">{{item.value}}</div>
        </li>
      </ul>
    </div>
  </div>
</template>
<script>
import {
  //   dataServerOpenDataView,
} from '@/utils/api'
export default {
  data () {
    return {
      showEdition: false,
      conListData: [
        {
          name: '户主姓名',
          value: 'xxx',
        },
        {
          name: '手机号',
          value: 'xxx',
        },
        {
          name: '所属市',
          value: 'xxx',
        },
        {
          name: '所属县（区）',
          value: 'xxx',
        },
        {
          name: '所属乡镇',
          value: 'xxx',
        },
        {
          name: '户籍地址',
          value: 'xxx',
        },
        {
          name: '建设性质',
          value: 'xxx',
        },
        {
          name: '宅基地面积（㎡）',
          value: 'xxx',
        },
        {
          name: '房基占地面积（㎡）',
          value: 'xxx',
        },
        {
          name: '住房建筑面积（㎡）',
          value: 'xxx',
        },
        {
          name: '建筑层数',
          value: 'xxx',
        },
        {
          name: '檐口高度（米）',
          value: 'xxx',
        }
      ]
    }
  },
  watch: {},
  mounted () {
    this.showEdition = this.$store.state.Edition
    if (ZWJSBridge) {
      ZWJSBridge.setTitle({
        "title": "申请信息"
      }).then(res => {
      }).catch(err => {
      })
    }
  },
  methods: {}
}
</script>
<style scoped lang="scss">
#baseProject {
  height: 100vh;
  overflow: auto;
  background: #f6f6f6;
  font-size: 14px;
  .title {
    width: 100%;
    height: 50px;
    background: #007aff;
    line-height: 50px;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
    position: relative;
  }
  .top {
    height: 90px;
    background: #ffffff;
    margin-bottom: 20px;
    padding-top: 25px;
    text-align: center;
    font-size: 14px;
  }
  .content {
    width: 100%;
    height: auto;
    background: #ffffff;
    padding: 10px;
    ul li {
      width: 100%;
      height: 6vh;
      line-height: 6vh;
      font-size: 16px;
      border-bottom: 1px solid #ccc;
    }
  }
}
</style>